/*reset*/
* {padding: 0;margin: 0;list-style: none;}
html,body {margin: 0 auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin:0;padding:0}
body,button,input,select,textarea {font:12px/1.5 "微软雅黑";color:#666666;}
body {overflow-x: hidden;}
address,cite,dfn,em,var,i {font-style: normal}
ul,ol,dl {list-style: none}
a{text-decoration: none;outline: none;font-family: "微软雅黑";color: #666666;cursor: pointer;font-size: 12px;}
li{font-size: 12px;font-family: "微软雅黑";list-style: none;margin: 0;padding: 0;}
em{font-style: normal;font-size: 12px;}
body,p,span{font-family: "微软雅黑";}
img {border: none;}
p {margin: 0px;padding: 0px;word-wrap: break-word;}
:focus {outline: none;}
img {border: 0;vertical-align: middle;display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.clear:after {display: block;mainContent: "";clear: both;}
.transtion {transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

/*  */
.header-box{position: fixed;top: 0;right: 0;left: 0;z-index: 999;background: #FFFFFF;}
.header{width: 1200px;margin: 0 auto;height: 104px;}
.header a.logo{float: left;line-height: 104px;font-size: 0;}
.header .nav{float: right;}
.header .nav ul{overflow: hidden;}
.header .nav ul li{float: left;margin: 0 25px;}
.header .nav ul li a{font-size: 16px;color: #333;line-height: 104px;position: relative;display: block;transition: all 0.3s;}
.header .nav ul li a:before{position: absolute;left: 0;width: 100%;bottom: -3px;height: 3px;background: #00A4FF;content: "";transition: all 0.3s;}
.header .nav ul li a:hover{color: #00A4FF;}
.header .nav ul li a:hover:before{bottom: 0;}
.header .search-box{float: right;position: relative;width: 23px;height: 104px;margin-left: 20px;cursor: pointer;}
.header .search-box span{background: url(search.png) no-repeat center;float: right;width: 23px;height: 104px;}
.header .search-box .search{font-size: 0;position: absolute;top: 104px;overflow: hidden;right: 0;border: 1px solid #00a4ff;z-index: 99;width: 300px;display: none;}
.header .search-box .search input{float: left;height: 34px;line-height: 34px;background: #FFFFFF;width: 200px;border: none;font-size: 15px;color: #333;padding: 0 20px;}
.header .search-box .search a{float: left;width: 60px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;background: #00A4FF;}

/*  */
.banner{position: relative;margin-top: 104px;}
.banner a.prev,.banner a.next{position: absolute;top: 300px;width: 60px;height: 60px;border: 2px solid #fff;border-radius: 50%;z-index: 99;text-align: center;
line-height: 60px;font-size: 0;opacity: 0;transition: all 0.3s;}
.banner a.prev{left: 50px;}
.banner a.next{right: 50px;}
.banner a.prev img,.banner a.next img{max-width: 60%;transition: all 0.3s;}
.banner:hover a.prev{left: 100px;opacity: 0.8;}
.banner:hover a.next{right: 100px;opacity: 0.8;}
.banner .bd li{position: relative;/* height: 661px; */overflow: hidden;}
.banner .bd li img{/* position: absolute;left: -960px;top: 0;margin-left: 50%; */max-width: 100%;height: auto;}

/*  */
.title{text-align: center;margin: 50px 0;}
.title h3{font-size: 36px;color: #333;font-weight: normal;}
.title span{display: inline-block;width: 44px;height: 4px;background: #00A4FF;}
.title p{font-size: 16px;color: #999;margin-top: 20px;}

/*  */
.product{background: url(product-bg.jpg) no-repeat center;overflow: hidden;height: 780px;}
.product-list{width: 1230px;margin: 0 auto;position: relative;}
.product-list .hd{position: absolute;bottom: -70px;left: 0;width: 100%;z-index: 99;text-align: center;}
.product-list .hd ul{display: inline-block;overflow: hidden;padding: 10px 0;}
.product-list .hd ul li{float: left;font-size: 0;margin: 0 5px;border: 1px solid #fff;width: 20px;height: 20px;border-radius: 50%;position: relative;}
.product-list .hd ul li:before{position: absolute;left: 7px;top: 7px;width: 6px;height: 6px;background: #7d7d7d;content: "";border-radius: 50%;}
.product-list .hd ul li.on{border-color: #00A4FF;}
.product-list .hd ul li.on:before{background: #00A4FF;}
.product-list .bd ul li{width: 358px;height: 464px;background: url(product-bg.png) no-repeat 0 0;float: left;margin: 5px 30px;transition: all 0.3s;
box-shadow: 3px 3px 3px -1px #999999;overflow: hidden;}
.product-list .bd ul li dl dt{height: 220px;width: 280px;font-size: 0;text-align: center;line-height: 220px;margin: 50px auto 20px;}
.product-list .bd ul li dl dt img{max-width: 100%;max-height: 100%;}
.product-list .bd ul li dl dd{position: relative;}
.product-list .bd ul li dl dd h3{font-size: 18px;color: #333;text-align: center;font-weight: bold;}
.product-list .bd ul li dl dd em{display: block;width: 188px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #00a4ff;border-radius: 40px;color: #00a4ff;
margin: 0 auto;font-size: 16px;position: relative;top: 50px;transition: all 0.3s;opacity: 1;}
.product-list .bd ul li dl dd p{background: #00A4FF;padding: 22px 35px;overflow: hidden;position: absolute;left: 0;bottom: -500px;transition: all 0.3s;
font-size: 14px;color: #FFFFFF;}
.product-list .bd ul li dl dd p span{color: #fff;font-size: 14px;float: left;width: 50%;line-height: 26px;}
.product-list .bd ul li dl dd p span:nth-child(even){text-align: right;}
.product-list .bd ul li:hover{}
.product-list .bd ul li:hover dd em{opacity: 0;top: 20px;}
.product-list .bd ul li:hover dd p{bottom: -105px;}

/*  */
.case-box{position: relative;height: 678px;background: #2397e8;}
.case{height: 678px;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;}
.case .title h3{color: #fff;}
.case .title span{background: #ccc;}
.case .title p{color: #dedede;}

.case-list{width: 1200px;margin: 0 auto;}
.case-list .swiper-slide{width: 520px;padding: 10px 0;}
.case-list .swiper-slide dl{width: 323px;margin: 0 auto;position: relative;height: 373px;opacity: 0.4;}
.case-list .swiper-slide dl dt{text-align: center;height: 373px;overflow: hidden;}
.case-list .swiper-slide dl dt img{width: 100%;height: 100%;}
.case-list .swiper-slide dl dd{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);color: #fff;text-align: center;line-height: 60px;
font-size: 18px;}
.swiper-button-prev{background: url(prev02.png) no-repeat center !important;}
.swiper-button-next{background: url(next02.png) no-repeat center !important;}

.case-list .swiper-slide.swiper-slide-active dl{box-shadow: 5px 5px 5px 0px #2f2f2f;opacity: 1;}
.case-list .swiper-slide.swiper-slide-prev dl{opacity: 1;}
.case-list .swiper-slide.swiper-slide-next dl{opacity: 1;}


/*  */
.about-news{width: 1200px;margin: 0 auto;overflow: hidden;}
.about-news .about{float: left;width: 575px;}
.about-news .about .title{text-align: left;position: relative;}
.about-news .about .title a{position: absolute;right: 0;top: 20px;font-size: 16px;color: #999;line-height: 40px;}
.about-news .about dl dd{margin-top: 20px;font-size: 16px;color: #666;text-indent: 32px;line-height: 26px;}
.about-news .about dl dd a{font-size: 16px;color: #00A4FF;}
.about-news .news{float: right;width: 565px;}
.about-news .news .title{text-align: left;position: relative;}
.about-news .news .title a{position: absolute;right: 0;top: 20px;font-size: 16px;color: #999;line-height: 40px;}
.about-news .news dl{overflow: hidden;}
.about-news .news dl dt{float: left;width: 210px;height: 195px;overflow: hidden;text-align: center;line-height: 195px;}
.about-news .news dl dt img{max-width: 100%;transition: all 0.3s;}
.about-news .news dl dt:hover img{transform: scale(1.1);}
.about-news .news dl dd{float: right;width: 330px;}
.about-news .news dl dd h3{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;transition: all 0.3s;}
.about-news .news dl:hover dd h3{color: #00A4FF;}
.about-news .news dl dd span{color: #999;font-size: 14px;}
.about-news .news dl dd p{font-size: 16px;margin: 10px 0;}
.about-news .news dl dd em{font-size: 14px;color: #666;padding-left: 30px;background: url(eye.png) no-repeat left center;}
.about-news .news ul{margin-top: 17px;}
.about-news .news ul li a{display: block;line-height: 45px;border-bottom: 1px dashed #c9c9c9;font-size: 15px;position: relative;padding-left: 15px;transition: all .3s;}
.about-news .news ul li a span{float: right;}
.about-news .news ul li a:before{position: absolute;left: 0;top: 20px;height: 5px;width: 5px;background: #C9C9C9;border-radius: 50%;content: "";}
.about-news .news ul li a:hover{color: #00A4FF;}
.about-news .news ul li a:hover:before{background: #00A4FF;}
/*  */
.footer{margin-top: 50px;background: #646464;height: 183px;}
.footer-list{width: 1200px;margin: 0 auto;overflow: hidden;}
.footer-list div{float: left;font-size: 16px;color: #fff;line-height: 30px;margin-top: 50px;}
.footer-list div p:last-child{color:rgba(255,255,255,0.43);}
.footer-list div a{color: rgba(255,255,255,0.43);font-size: 16px;}
.footer-list dl{float: right;margin-top: 30px;}
.footer-list dl dt{width: 100px;height: 100px;text-align: center;padding: 2px;background: #FFFFFF;font-size: 0;line-height: 100px;}
.footer-list dl dt img{max-width: 100%;max-height: 100%;}
.footer-list dl dd{font-size: 16px;color:rgba(255,255,255,0.43);text-align: center;margin-top: 10px;}

/*  */
.innerBanner{position: relative;height: 243px;margin-top: 104px;}
.innerBanner img{position: absolute;left: -960px;top: 0;margin-left: 50%;}

/*  */
.innerPosition{width: 1175px;margin: 0 auto;line-height: 60px;font-size: 16px;padding-left: 25px;background: url(position.png) no-repeat center left;}
.innerPosition a{font-size: 16px;}

/*  */
.innerNav-box{height: 60px;box-shadow: 0px 0px 5px 1px #ccc;}
.innerNav{width: 1200px;margin: 0 auto;overflow: hidden;}
.innerNav .innerNav-list{float: left;}
.innerNav .innerNav-list ul{overflow: hidden;}
.innerNav .innerNav-list ul li{float: left;line-height: 60px;margin-right: 30px;}
.innerNav .innerNav-list ul li a{display: block;font-size: 16px;color: #333;position: relative;overflow: hidden;transition: all 0.3s;}
.innerNav .innerNav-list ul li a:before{position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: #00A4FF;content: "";transition: all 0.3s;}
.innerNav .innerNav-list ul li a.on{color: #00A4FF;}
.innerNav .innerNav-list ul li a.on:before{bottom: 0;}
.innerNav .innerNav-list ul li a:hover{color: #00A4FF;}
.innerNav .innerNav-list ul li a:hover:before{bottom: 0;}
.innerNav .innerPosition{float: right;width: auto;}


/*  */
.innerProduct{background: #f3f5f6;}
.innerProduct-list{background: #fff;padding: 40px;width: 1120px;margin: 0 auto;}
.innerProduct-list dl{overflow: hidden;margin-bottom: 70px;}
.innerProduct-list dl dt{float: left;width: 548px;height: 468px;font-size: 0;text-align: center;line-height: 468px;background: linear-gradient(to bottom,#bebebe,#efefef);}
.innerProduct-list dl dt img{max-width: 60%;max-height: 60%;}
.innerProduct-list dl dd{float: right;width: 512px;}
.innerProduct-list dl dd h3{font-size: 24px;color: #333;margin: 30px 0 45px;}
.innerProduct-list dl dd span{display: block;line-height: 78px;color: #fff;background: #339eea;font-size: 18px;text-align: center;}
.innerProduct-list dl dd p{font-size: 16px;color: #999;line-height: 30px;margin: 30px 0;}

/*  */
.innerProductDetails-brief{width: 1200px;margin: 90px auto;overflow: hidden;}
.innerProductDetails-brief dt{float: right;width: 404px;height: 345px;background: linear-gradient(to bottom,#bebebe,#efefef);text-align: center;line-height: 345px;font-size: 0;}
.innerProductDetails-brief dt img{max-width: 75%;max-height: 75%;}
.innerProductDetails-brief dd{float: left;width: 590px;}
.innerProductDetails-brief dd h3{font-size: 24px;color: #00A4FF;margin-top: 30px;}
.innerProductDetails-brief dd p{font-size: 16px;color: #333;font-weight: bold;margin: 15px 0 40px;}
.innerProductDetails-brief dd span{font-size: 14px;color: #333;display: block;margin-bottom: 40px;}
.innerProductDetails-brief dd a{display: block;width: 233px;height: 62px;background: #00A4FF;color: #fff;text-align: center;line-height: 62px;border-radius: 5px;font-size: 16px;}
.innerProductDetails-nav-list{height: 50px;background: #f1f1f1;}
.innerProductDetails-nav-list ul{width: 1200px;margin: 0 auto;}
.innerProductDetails-nav-list ul li{float: left;width: 115px;height: 44px;color: #333;margin-top: 6px;border-top-left-radius:10px;border-top-right-radius: 10px;
font-size: 16px;line-height: 36px;text-align: center;}
.innerProductDetails-nav-list ul li.on{background: #fff;}
.innerProductDetails-nav{width: 1200px;margin: 50px auto;}
.innerProductDetails-nav .innerProductDetails-nav-content{font-size: 16px;display: none;}
.innerProductDetails-nav .innerProductDetails-nav-content.on{display: block;}

/*  */
.innerNews{width: 1200px;margin: 50px auto;}
.innerNews dl{overflow: hidden;}
.innerNews dl dt{float: left;width: 300px;height: 200px;font-size: 0;overflow: hidden;text-align: center;line-height: 200px;}
.innerNews dl dt img{max-width: 100%;}
.innerNews dl dd{float: right;width: 860px;}
.innerNews dl dd span{font-size: 14px;color: #666;}
.innerNews dl dd h3{font-size: 18px;color: #333;margin: 10px 0 25px;}
.innerNews dl dd p{font-size: 16px;color: #999;}
.innerNews dl dd a{display: block;font-size: 16px;color: #00A4FF;border: 1px solid #00A4FF;line-height: 40px;width: 115px;border-radius: 40px;text-align: center;margin-top: 20px;}
.innerNews ul{margin: 50px 0;}
.innerNews ul li a{border-bottom: 1px dashed #dedede;height: 58px;display: block;font-size: 16px;color: #333;line-height: 58px;position: relative;padding-left: 20px;}
.innerNews ul li a span{float: right;color: #999;}
.innerNews ul li a:before{position: absolute;left: 0;top: 27px;width: 5px;height: 5px;background: #00A4FF;border-radius: 50%;content: "";}

/*  */
.innerNewsDetails{width: 1200px;margin: 50px auto;}
.innerNewsDetails .content_title{text-align: center;border-bottom: 1px solid #dedede;padding-bottom: 30px;}
.innerNewsDetails .content_title h3{font-size: 24px;font-weight: normal;color: #333;}
.innerNewsDetails .content_title p{font-size: 14px;margin-top: 10px;}
.innerNewsDetails .content_content{font-size: 16px;line-height: 24px;margin: 40px 0;}
.innerNewsDetails .content_prevNext{overflow: hidden;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.innerNewsDetails .content_prevNext p{font-size: 15px;color: #333;line-height: 26px;float: left;height: 50px;line-height: 50px;background: url(left.png) no-repeat left center;padding-left: 60px;
background-size: 20%;}
.innerNewsDetails .content_prevNext p a{font-size: 15px;color: #e87933;}
.innerNewsDetails .content_prevNext p:last-child{float: right;background: url(right.png) no-repeat right center;padding-right: 60px;background-size: 20%;padding-left: 0;}

/*  */
.hotNews{width: 1200px;margin: 0 auto;}
.hotNews h3{font-size: 18px;color: #333;font-weight: bold;}
.hotNews ul{margin-top: 10px;}
.hotNews ul li a{font-size: 16px;line-height: 30px;}
.hotNews ul li a span{float: right;}

/*  */
.innerCase{height: auto;background: none;}
.innerCase .bd ul li{margin: 30px 77px 30px 0;}
.innerCase .bd ul li:nth-child(3n){margin-right: 0;}
.innerCase .bd ul li:hover dd em{opacity: 1;top: 50px;}

/*  */
.innerConatct{width: 1100px;margin: 50px auto;padding: 50px;background: #FFFFFF;}
.innerConatct .innerConatct-title h3{font-size: 24px;color: #333;margin-bottom: 20px;}
.innerConatct .innerConatct-title p{font-size: 16px;color: #666;line-height: 50px;padding-left: 50px;background: url(address.png) no-repeat left center;}
.innerConatct .innerConatct-title p:last-child{background: url(tel.png) no-repeat left center;}
.innerConatct .innerConatct-content{margin-top: 50px;}

/*  */
.innerForm{width: 1100px;margin: 50px auto;padding: 50px;background: #FFFFFF;}
.innerForm .innerForm-title h3{font-size: 24px;color: #333;margin-bottom: 20px;}
.innerForm .innerForm-title p{font-size: 16px;color: #666;line-height: 50px;}
.innerForm .innerForm-title p span{color: red;}
.innerForm .innerForm-content{margin-top: 50px;}
.innerForm .innerForm-content table{width: 100%;border-top: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;}
.innerForm .innerForm-content table td{font-size: 16px;text-align: center;line-height: 80px;border-right: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;}
.innerForm .innerForm-content table td input{border: none;line-height: 80px;height: 80px;display: block;padding: 0 30px;font-size: 16px;}
.innerForm .innerForm-content table td textarea{border: none;display: block;padding: 30px;font-size: 16px;height: 300px;}
.innerForm .innerForm-content .layui-btn{width: 350px;margin: 0 auto;height: 64px;border-radius: 64px;background: #00A4FF;color: #fff;text-align: center;line-height: 64px;
display: block;margin: 50px auto;border: none;font-size: 16px;}







/*  */
.layui-laypage{width: 100%;text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #00A4FF;}